<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<link href="/itfinger/CSS/20130108_hyun.css" rel="stylesheet"  type="text/css" />
<link href="/itfinger/CSS/selectbox.css" rel="stylesheet"  type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<style type="text/css">
.chkselect {
    color: red;
}
</style>
<script language="javascript">

function colseDIV(index){
	var a = new Array();
	//	a[0]="0";
		a[1]="1";
		a[2]="2";
		a[3]="3";
		a[4]="4";
		
	if(index==1){
		document.getElementById('sub_div_'+a[1]).style.display="none";
	}
	else if(index==2){
		document.getElementById('sub_div_'+a[2]).style.display="none";
	}
	else if(index==3){
		document.getElementById('sub_div_'+a[3]).style.display="none";
	}
	else if(index==4){
		document.getElementById('sub_div_'+a[4]).style.display="none";
	}

}

function Str_menu(index){
	if(index==1){
		document.getElementById('menu_str01').style.backgroundImage="url(/itfinger/IMAGE/App/structure/on_bg.jpg)";
	}
	else if(index==2){
		document.getElementById('menu_str02').style.backgroundImage="url(/itfinger/IMAGE/App/structure/on_bg.jpg)";
	}
	else if(index==3){
		document.getElementById('menu_str03').style.backgroundImage="url(/itfinger/IMAGE/App/structure/on_bg.jpg)";
	}

}

function Str_menu2(index){
	if(index==1){
		document.getElementById('menu_str01').style.backgroundImage="url(/itfinger/IMAGE/App/structure/off_bg.jpg)";
	}
	else if(index==2){
		document.getElementById('menu_str02').style.backgroundImage="url(/itfinger/IMAGE/App/structure/off_bg.jpg)";
	}
	else if(index==3){
		document.getElementById('menu_str03').style.backgroundImage="url(/itfinger/IMAGE/App/structure/off_bg.jpg)";
	}

}
</script>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js" jQuery19007382069064689989="92"></script>

<script type="text/javascript" jQuery19007382069064689989="93">

jQuery(function($){
	
	// Common
	var select_root = $('div.select_02');
	var select_value = $('.my_value');
	var select_a = $('div.select_02>ul>li>a');
	var select_input = $('div.select_02>ul>li>input[type=radio]');
	var select_label = $('div.select_02>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_02').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_02').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_02:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_02:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_02 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});

jQuery(function($){
	
	// Common
	var select_root = $('div.select_03');
	var select_value = $('.my_value');
	var select_a = $('div.select_03>ul>li>a');
	var select_input = $('div.select_03>ul>li>input[type=radio]');
	var select_label = $('div.select_03>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_03').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_03').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_03:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_03:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_03 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});


jQuery(function($){
	
	// Common
	var select_root = $('div.select_04');
	var select_value = $('.my_value');
	var select_a = $('div.select_04>ul>li>a');
	var select_input = $('div.select_04>ul>li>input[type=radio]');
	var select_label = $('div.select_04>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_04').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_04').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_04:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_04:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_04 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});

jQuery(function($){
	
	// Common
	var select_root = $('div.select_06');
	var select_value = $('.my_value');
	var select_a = $('div.select_06>ul>li>a');
	var select_input = $('div.select_06>ul>li>input[type=radio]');
	var select_label = $('div.select_06>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_06').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_06').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_06:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_06:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_06 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});
</script>

</head>
<body marginheight="0" marginwidth="0">
<div style="position:absolute; left:50%; margin-left:-512px; width:1024px; height:800px; z-index:-1000;">
      <div style="position:relative; margin:0px; height:25px; text-align:center;">
                <table border="0" cellspacing="0" cellpadding="0" width="1024" heigh="25">
                  <tr>
                    <td align="right"><img src="/itfinger/IMAGE/location.jpg" height="8" style="margin-top:17px;"/></td>
                  </tr>
                </table>
      </div>
   	  <div class="APP_ing" style="position:absolute; margin:5px 0px 0px 15px; z-index:100; width: 143px; height: 42px;">APP 미등록<span class="APP_ing_2"> 등록중지</span></div>
      	<div style="position:relative; margin:0px 0px 0px 0px; text-align:center; background-color:#000;" id="main_navi">
			<table border="0" cellspacing="0" cellpadding="0" width="1024" height="31"  bgcolor="#000000">
                <tr>
                  	<td width="187"></td>
                    <td width="189"><img src="/itfinger/IMAGE/main_navi/off__02.jpg" width="189" height="31" id="mBtn_01" border="0" /></td>
                    <td width="150"><img src="/itfinger/IMAGE/main_navi/off__03.jpg" width="150" height="31" id="mBtn_01" border="0" /></td>
                    <td width="167"><img src="/itfinger/IMAGE/main_navi/off__04.jpg" width="167" height="31" id="mBtn_01" border="0" /></td>
                    <td width="151"><img src="/itfinger/IMAGE/main_navi/off__05.jpg" width="151" height="31" id="mBtn_01" border="0" /></td>
                    <td width="151"><img src="/itfinger/IMAGE/main_navi/off__06.jpg" width="180" height="31" id="mBtn_01" border="0" /></td>
                </tr>
            </table>
        </div>
        <div style="position:absolute; margin:0px 0px 0px 0px; width:187px;">
        	<div style="background-color:#e4e7ef; width:187px;"><img src="/itfinger/IMAGE/sub_navi_03.jpg" width="187" height="834" /></div>	
            <div style="margin:-75px 0px 0px 187px;"><img src="/itfinger/IMAGE/copyrignt.jpg" height="75" style="margin-bottom:-5px;" /></div>
        </div>
		<div style="position:absolute; margin:0px 0px 0px 187px; width:82%; background-color:#fafafa;" id="contents">
       		<div style="position:absolute; margin:10px 10px 0px 10px; background-color:#fafafa;"><img src="/itfinger/IMAGE/App/sub_menu/phone.jpg" width="229" height="471" /></div>
                <!-- 편집타입-->
            	<div style="position:relative; margin:25px 10px 0px 0px; width:536px; float:right; height:800px;">
				<div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/main_menu/edit_type.jpg" />
                	<table border="0" cellspacing="0" cellpadding="0" style="margin:-25px 0px 0px 120px;">
                      <tr>
                        <td><input type="text" style="height:20px; width:100px; margin :0px 0px 0px 10px;" class="input_01" /></td>
                        <td><input type="image" src="/itfinger/BTN/ok_01.jpg" style="height:22px; padding:0px; vertical-align:middle;" /></td>
                      </tr>
                    </table>
                </div>
                <!-- 서브메뉴 설정 이름 / 패턴 -->
                <div style="position:relative; margin-bottom:20px;"><img src="/itfinger/IMAGE/App/main_menu/skin.jpg" />
                	<div class="select_02"style="height:20px; width:100px; margin :-25px 0px 2px -9px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value"></button>
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul>
                    </div>
                </div>
                <div style="position:relative; margin-bottom:3px;">
                <img src="/itfinger/IMAGE/App/structure/structure.jpg" />
                  <input type="image" src="/itfinger/BTN/save.jpg" style="margin-left:2px; #margin-top:-25px; float:right;" />
                <input type="image" src="/itfinger/BTN/intactly.jpg"  style="margin-left:2px; #margin-top:-25px; float:right;"/>
                    <input type="image" src="/itfinger/BTN/view.jpg"  style="margin-left:2px; #margin-top:-25px; float:right;"/>
                    <input type="image" src="/itfinger/BTN/undo.jpg" style="margin-left:2px; #margin-top:-25px; float:right;" />
                </div>
                <div style="height:1px; background-color:#94a0c5;"></div>
                <div style="position:relative; height:20px;"> </div>
          <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/structure/tamplate.jpg" />
                	<div class="select_02"style="height:20px; width:100px; margin :0px 0px 5px 35px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value"></button>
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul>
                    </div>
                 </div>
              	<div style="position:relative; margin:20px 0px 0px 0px; background-color:#fafafa;"><img src="/itfinger/IMAGE/App/structure/copy.jpg" /></div>
               	  <div style="border: solid 1px #c3c3c3;">
                      <div height="24" style="position:relative; background-image:url(/itfinger/IMAGE/App/structure/off_bg.jpg);" id="menu_str01" onmouseover="Str_menu(1);" onmouseout="Str_menu2(1);">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" height="24">
                                <tr>
                                  <td width="7" bgcolor="#db1648">&nbsp;</td>
                                 <td style="border-bottom: solid 1px #c3c3c3;"><input type="text" width="100" class="input_02" value="한의원소개" /></td>
                                </tr>
                            </table>
                            <div style="float:right; margin : -23px 10px 0px 10px;"><img src="/itfinger/BTN/plus.png" />&nbsp;<img src="/itfinger/BTN/mius.png" /></div>
                            <div class="select_06"style="float:right; height:20px; width:100px; margin : -23px 70px 0px 0px; z-index:200;">
                                <span class="ctrl"><span class="arrow"></span></span>
                                <button type="button" class="my_value"></button>
                                <ul class="a_list">
                                <li><a href="#1">Link_1</a></li>
                                <li><a href="#2">Link_2</a></li>
                                <li><a href="#3">Link_3</a></li>
                                </ul> 
                            </div>
                        </div>
                        <div height="24" style="position:relative; background-image:url(/itfinger/IMAGE/App/structure/off_bg.jpg);" id="menu_str02" onmouseover="Str_menu(2);" onmouseout="Str_menu2(2);">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" height="24">
                                <tr>
                                  <td width="7" bgcolor="#db1648">&nbsp;</td>
                                  <td width="7" bgcolor="#FF9900;">&nbsp;</td>
                                  <td style="border-bottom: solid 1px #c3c3c3;"><input type="text" width="100" class="input_02" value="한의원소개" /></td>
                                </tr>
                            </table>
                        <div style="float:right; margin : -23px 10px 0px 10px;"><img src="/itfinger/BTN/plus.png" />&nbsp;<img src="/itfinger/BTN/mius.png" /></div>
                            <div class="select_06"style="float:right; height:20px; width:100px; margin : -23px 70px 0px 0px;">
                                <span class="ctrl"><span class="arrow"></span></span>
                                <button type="button" class="my_value"></button>
                                <ul class="a_list">
                                <li><a href="#1">Link_1</a></li>
                                <li><a href="#2">Link_2</a></li>
                                <li><a href="#3">Link_3</a></li>
                                </ul>
                            </div>
                        </div>
                        <div height="24" style="position:relative; background-image:url(/itfinger/IMAGE/App/structure/off_bg.jpg);" id="menu_str03" onmouseover="Str_menu(3);" onmouseout="Str_menu2(3);">
                    		<table width="100%" border="0" cellspacing="0" cellpadding="0"height="24">
                                <tr>
                                    <td width="7" bgcolor="#db1648">&nbsp;</td>
                                    <td width="7" bgcolor="#FF9900">&nbsp;</td>
                                    <td width="7" bgcolor="#99CC00">&nbsp;</td>
                                    <td style="border-bottom: solid 1px #c3c3c3;"><input type="text" width="100" class="input_03" value="한의원소개" /></td>
                                </tr>
                            </table>
                        <div style="float:right; margin : -23px 10px 0px 10px;"><img src="/itfinger/BTN/plus.png" />&nbsp;<img src="/itfinger/BTN/mius.png" /></div>
                            <div class="select_06"style="float:right; height:20px; width:100px; margin : -23px 70px 0px 0px;">
                                <span class="ctrl"><span class="arrow"></span></span>
                                <button type="button" class="my_value"></button>
                                <ul class="a_list">
                                <li><a href="#1">Link_1</a></li>
                                <li><a href="#2">Link_2</a></li>
                                <li><a href="#3">Link_3</a></li>
                                </ul>
                            </div>
                        </div>
                  </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>